<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8" xmlns:th="http://www.thymeleaf.com">
    <title>Boria | Multi purpose Responsive eCommerce HTML Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--::::::::::::::Favicon icon::::::::::::::-->
    <link rel="shortcut icon" href="assets/img/weiyi.png" type="image/png">
    <!--::::::::::::::All CSS Files here::::::::::::::-->
    <!-- Vendor CSS Files -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/jquery-ui.min.css"><link rel="stylesheet" href="assets/css/vendor/fontawesome.css"><link rel="stylesheet" href="assets/css/vendor/ionicons.min.css"><link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">-->
    <!-- Plugin CSS Files -->
    <!-- <link rel="stylesheet" href="assets/css/plugin/slick.css"><link rel="stylesheet" href="assets/css/plugin/material-scrolltop.css"><link rel="stylesheet" href="assets/css/plugin/price_range_style.css"><link rel="stylesheet" href="assets/css/plugin/in-number.css"><link rel="stylesheet" href="assets/css/plugin/venobox.min.css"><link rel="stylesheet" href="assets/css/plugin/jquery.lineProgressbar.css">-->
    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <link rel="stylesheet" href="assets/css/vendor/vendor.min.css" />
    <link rel="stylesheet" href="assets/css/main.min.css">
    <!-- Main Style CSS File -->
    <!-- <link rel="stylesheet" href="assets/css/main.css">-->
</head>

<body>
<!--::::::Start Header Section::::::-->
<header>
    <!-- Start Large Header Section -->
    <div class="header header--1 d-none d-xl-block">
        <!-- Start Tag Line -->
        <div class="header__tag">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <p class="header__tag-title text-center" th:text="|欢迎用户${#session.getAttribute('user').name}|"></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Tag Line -->
        <!-- Start Header Middle area -->
        <div class="header__middle sticky-header header__color--silver p-tb-10 d-flex align-items-center">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-4 d-flex align-items-center">
                        <!-- Start Logo -->
                        <div class="header__logo header__logo--1">
                            <!-- <a href="index.html" class="header__logo-link img-responsive"><img class="header__logo-img img-fluid" src="assets/img/logo/vans.jpg" alt=""></a> -->
                        </div>
                        <!-- End Logo -->
                        <!-- Start Search -->
                        <form class="header__search-form" action="selectGoodByName" method="get">
                            <div class="header__search-input"><button type="submit"><i class="ion-ios-search-strong"></i></button><input type="search" placeholder="搜索卫衣..." name="name"></div>
                        </form>
                        <!-- End Search -->
                    </div>
                    <div class="col-xl-8 d-flex align-items-center justify-content-between">
                        <!-- Start Header Menu -->
                        <div class="header-menu">
                            <nav>
                                <ul class="header__nav">
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">主页 <i class="ion-ios-arrow-down"></i></a>
                                        <!--Single Dropdown Menu-->
                                        <ul class="dropdown__menu pos-absolute">
                                            <li class="dropdown__list"><a href="index.html" class="dropdown__link">新款卫衣</a></li>
                                            <li class="dropdown__list">
                                                <a href="index-2.html" class="dropdown__link">新款卫衣</a>
                                            </li>
                                            <li class="dropdown__list"><a href="index-3.html" class="dropdown__link">新款卫衣</a></li>
                                            <li class="dropdown__list"><a href="index-4.html" class="dropdown__link">新款卫衣</a></li>
                                        </ul>
                                        <!--Single Dropdown Menu-->
                                    </li>
                                    <!-- End Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">Shop <i class="ion-ios-arrow-down"></i></a>

                                    </li>
                                    <!-- Start Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">新品推荐<i class="ion-ios-arrow-down"></i></a>
                                        <!-- Megamenu Menu-->

                                        <!-- Megamenu Menu-->
                                    </li>
                                    <!-- Start Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">社区<i class="ion-ios-arrow-down"></i></a>
                                        <!--Single Dropdown Menu-->
                                        <ul class="dropdown__menu pos-absolute">
                                            <li class="dropdown__list"><a href="myPj" class="dropdown__link">我的动态</a>

                                            </li>
                                            <li class="dropdown__list">
                                                <a href="goPj" class="dropdown__link">精选评价</a>

                                            </li>
                                            <li class="dropdown__list">
                                                <a href="#" class="dropdown__link"></a>

                                            </li>
                                        </ul>
                                        <!--Single Dropdown Menu-->
                                    </li>
                                    <!-- End Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="#" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">品牌分类<i class="ion-ios-arrow-down"></i></a>
                                        <!--Single Dropdown Menu-->
                                        <ul class="dropdown__menu pos-absolute">
                                            <li class="dropdown__list"><a href="about.html" class="dropdown__link">冠军</a></li>
                                            <li class="dropdown__list">
                                                <a href="frequently-questions.html" class="dropdown__link">VANS</a>
                                            </li>
                                            <li class="dropdown__list">
                                                <a href="privacy-policy.html" class="dropdown__link">李宁</a>
                                            </li>
                                            <li class="dropdown__list">
                                                <a href="404.html" class="dropdown__link">匡威</a>
                                            </li>
                                        </ul>
                                        <!--Single Dropdown Menu-->
                                    </li>
                                    <!-- End Single Nav link-->
                                    <!--Start Single Nav link-->
                                    <li class="header__nav-item pos-relative"><a href="hlongin" class="header__nav-link header__nav-link--white header__nav-link--white-hover-white">管理员登录</a></li>
                                    <!-- End Single Nav link-->
                                </ul>
                            </nav>
                        </div>
                        <!-- End Header Menu -->
                        <!-- Start Wishlist-AddCart -->
                        <ul class="header__user-action-icon">
                            <!-- Start Header Add Cart Box -->
                            <li class="header-add-cart pos-relative"><a href="wishlist" class="offcanvas-toggle"><i class="ion-bag"></i><span class="wishlist-item-count wishlist-item-count--red pos-absolute" th:text="${#session.getAttribute('cartNum')}"></span></a></li>
                            <!-- End Header Add Cart Box -->
                            <!-- Start Header User Offcanvas -->
                            <li class="header-user-sidebar pos-relative"><a href="myOrder" class="offcanvas-toggle"><i class="ion-navicon-round"></i></a></li>
                            <!-- End Header User Offcanvas -->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Header Middle area -->
    </div>
    <!-- End Large Header Section -->

    <!-- Start Popup Add Cart -->
    <!-- End Popup Add Cart -->
    <div class="offcanvas-overlay"></div>
</header>
<!--::::::End Header Section::::::-->
<!--::::::Start Main Container Wrapper::::::-->
<main id="main-container" class="main-container">
    <!--::::::Start Hero Section::::::-->
    <div class="hero hero--1 slider-dot-fix slider-dot slider-dot-fix slider-dot--center slider-dot-size--medium slider-dot-circle  slider-dot-style--fill slider-dot-style--fill-white-active-white dot-gap__X--10">
        <!-- Start Single Hero Slide -->
        <div class="hero-slider"><img src="assets/img/hero/vans1.jpg" alt="">
            <div class="hero__content">
                <div class="container">
                    <div class="row">
                        <div class="col-8 col-lg-8 offset-lg-1 offset-xxl-0 col-xl-6  col-xxl-6">
                            <div class="hero__content--inner">
                                <h1 class="hero-title-1 title title--large title--white text-uppercase" style="color: black;">New Sport</h1>
                                <h1 class="hero-title-2 title title--large title--white font--bold text-uppercase" style="color: black;">A new type</h1>
                                <h6 class="hero-title-3 title title--small title--white pos-relative" style="color: black;"><span class="border-line--small pos-absolute"></span>卫衣专场</h6><a href="longin.html" class="hero-btn-link btn btn--small btn--white btn--white-hover-black font--bold text-uppercase" style="border-radius: 20px;">登录</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <!--::::::End Hero Section::::::-->
    <!--::::::Start CMS Section::::::-->
    <div class="cms cms--1 m-t-100">
        <div class="container">
            <div class="row">
                <!-- Start Single CMS box -->
                <div class="col-lg-3 col-sm-6 col-12">
                    <div class="cms__content">
                        <div class="cms__icon"><img class="cms__icon-img" src="assets/img/icon/cms/icon1.png" alt=""></div>
                        <div class="cms__text">
                            <h6 class="cms__title">免费送货</h6><span class="cms__des">在本商城任意购买卫衣即可享受免费货!</span></div>
                    </div>
                </div>
                <!-- End Single CMS box -->
                <!-- Start Single CMS box -->
                <div class="col-lg-3 col-sm-6 col-12">
                    <div class="cms__content">
                        <div class="cms__icon"><img class="cms__icon-img" src="assets/img/icon/cms/icon2.png" alt=""></div>
                        <div class="cms__text">
                            <h6 class="cms__title">15天退货</h6><span class="cms__des">100%保证满意，否者15天内退款!!</span></div>
                    </div>
                </div>
                <!-- End Single CMS box -->
                <!-- Start Single CMS box -->
                <div class="col-lg-3 col-sm-6 col-12">
                    <div class="cms__content">
                        <div class="cms__icon"><img class="cms__icon-img" src="assets/img/icon/cms/icon3.png" alt=""></div>
                        <div class="cms__text">
                            <h6 class="cms__title">安全的付款</h6><span class="cms__des">使用最安全的支付方式.</span></div>
                    </div>
                </div>
                <!-- End Single CMS box -->
                <!-- Start Single CMS box -->
                <div class="col-lg-3 col-sm-6 col-12">
                    <div class="cms__content">
                        <div class="cms__icon"><img class="cms__icon-img" src="assets/img/icon/cms/icon4.png" alt=""></div>
                        <div class="cms__text">
                            <h6 class="cms__title">诚信的客户</h6><span class="cms__des">可以进行分期购买的权力.</span></div>
                    </div>
                </div>
                <!-- End Single CMS box -->
            </div>
        </div>
    </div>
    <!--::::::End CMS Section::::::-->
    <!--::::::Start Product Style - Category Section::::::-->
    <div class="product m-t-100">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- Start Section Title -->
                    <div class="section-content m-b-35 text-center">
                        <h5 class="section-content__title">店内 最受欢迎的产品</h5><a href="shop-sidebar-left.html" class="section-content__desc">Shop All Products</a></div>
                    <!-- End Section Title -->
                </div>
            </div>
            <div class="row">
                <div class="clearfix">
                    <!-- Start Single Category Product -->
                    <div class="product__box product__box--catagory product__box--border-hover text-center pos-relative">
                        <div class="product__img-box">
                            <a href="shangping?id=2" class="product__img--link  glossy-flash-animate"><img class="product__img" src="assets/img/product/category/vans-1.jpg" alt=""></a>
                        </div>
                        <div class="product__content--catagory pos-absolute">
                            <a href="shangping?id=2" class="btn btn--box btn--tiny btn--gray btn--gray-hover-red font--bold text-uppercase">VANS 棋盘格</a>
                        </div>
                    </div>
                    <!-- End Single Category Product -->
                    <!-- Start Single Category Product -->
                    <div class="product__box product__box--catagory product__box--border-hover text-center pos-relative">
                        <div class="product__img-box">
                            <a href="shangping?id=3" class="product__img--link glossy-flash-animate"><img class="product__img" src="assets/img/product/category/converse-1.jpg" alt=""></a>
                        </div>
                        <div class="product__content--catagory pos-absolute"><a href="shangping?id=3" class="btn btn--box btn--tiny btn--gray btn--gray-hover-red font--bold text-uppercase">匡威耶树印花</a></div>
                    </div>
                    <!-- End Single Category Product -->
                    <!-- Start Single Category Product -->
                    <div class="product__box product__box--catagory product__box--border-hover text-center pos-relative">
                        <div class="product__img-box">
                            <a href="shangping?id=4" class="product__img--link glossy-flash-animate"><img class="product__img" src="assets/img/product/category/lining-1.png" alt=""></a>
                        </div>
                        <div class="product__content--catagory pos-absolute"><a href="shangping?id=4" class="btn btn--box btn--tiny btn--gray btn--gray-hover-red font--bold text-uppercase ">李宁 休闲长款</a></div>
                    </div>
                    <!-- End Single Category Product -->
                    <!-- Start Single Category Product -->
                    <div class="product__box product__box--catagory product__box--border-hover text-center pos-relative">
                        <div class="product__img-box">
                            <a href="shangping?id=5" class="product__img--link glossy-flash-animate"><img class="product__img" src="assets/img/product/category/guanjun-1.jpg" alt=""></a>
                        </div>
                        <div class="product__content--catagory pos-absolute"><a href="shangping?id=5" class="btn btn--box btn--tiny btn--gray btn--gray-hover-red font--bold text-uppercase">冠军 黑色经典款 </a></div>
                    </div>
                    <!-- End Single Category Product -->
                </div>
            </div>
        </div>
    </div>
    <!--::::::End Product Style - Category Section::::::-->
    <!--::::::Start banner Section::::::-->
    <div class="banner m-t-100">
        <div class="container-fluid">
            <div class="d-flex flex-lg-row flex-column">
                <div class="banner__box">
                    <!-- Start Single Banner Item -->
                    <div class="banner__box--single banner__box--single-text-style-1 pos-relative">
                        <a href="shangping?id=1" class="banner__link glossy-flash-animate"><img src="assets/img/banner/size-large-squar/vans--yaoguo.jpg" alt="" class="banner__img">
                            <div class="banner__content banner__content--top pos-absolute text-center">
                                <h5 class="banner__title banner__title--small  white-color font--semi-bold m-b-15 text-uppercase">最新款 腰果花</h5>
                                <h2 class="banner__title banner__title--large white-color font--bold m-b-35">限时销售</h2>
                            </div>
                        </a><a href="shangping?id=1" class="btn btn--box btn--small btn--gray btn--gray-hover-red font--bold text-uppercase pos-absolute banner--btn-1">BUY Now</a></div>
                    <!-- End Single Banner Item -->
                </div>
                <div class="banner__box">
                    <!-- Start Single Banner Item -->
                    <div class="banner__box--single pos-relative">
                        <a href="" class="banner__link glossy-flash-animate"><img src="assets/img/banner/size-large-wide/BKM-PC_05.jpg" alt="" class="banner__img">
                            <div class="banner__content banner__content--center pos-absolute">
                                <h6 class="banner__title banner__title--tiny  white-color font--semi-bold m-b-15 text-uppercase">匡威</h6>
                                <h4 class="banner__title banner__title--medium  white-color font--bold m-b-35">宝可梦<br>联名</h4>
                            </div>
                        </a><a href="product-single-default.html" class="btn btn--underline btn--underline-white font--bold text-uppercase pos-absolute banner--btn-2">BUY Now</a></div>
                    <!-- End Single Banner Item -->
                    <div class="banner__box d-flex flex-sm-row flex-column">
                        <!-- Start Single Banner Item -->
                        <div class="banner__box--single pos-relative">
                            <a href="product-single-default.html" class="banner__link glossy-flash-animate"><img src="assets/img/banner/size-default-squar/bj-vans.jpg" alt="" class="banner__img"></a>
                        </div>
                        <!-- End Single Banner Item -->
                        <!-- Start Single Banner Item -->
                        <div class="banner__box--single pos-relative">
                            <a href="product-single-default.html" class="banner__link glossy-flash-animate"><img src="assets/img/banner/size-default-squar/bj-vans2.jpg" alt="" class="banner__img"></a>
                        </div>
                        <!-- End Single Banner Item -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--::::::End banner Section::::::-->
    <!--::::::Start Product Style - Default Section::::::-->
    <div class="product m-t-100">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- Start Section Title -->
                    <div class="section-content m-b-35 text-center">
                        <h5 class="section-content__title">THE NEW ARRIVALS</h5><a href="shop-sidebar-left.html" class="section-content__desc">Shop All Products</a></div>
                    <!-- End Section Title -->
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="default-slider default-slider--hover-bg-red product-default-slider">
                        <div class="product-default-slider-5grid-2rows gap__col--30 gap__row--40">
                            <!-- Start Single Default Product -->
                            <div class="product__box product__box--default">
                                <!-- Start Product Image -->

                                <div class="company-logo gray-bg m-t-100 p-tb-100">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="company-logo__area" style="display: flex;">
                                                    <!-- Start Single Company Logo Item -->
                                                    <div class="company-logo__item" style="flex: 1;">
                                                        <a href="#" class="company-logo__link"><img src="assets/img/company-logo/company-logo-1.png" alt="" class="company-logo__img"></a>
                                                    </div>
                                                    <!-- End Single Company Logo Item -->
                                                    <!-- Start Single Company Logo Item -->
                                                    <div class="company-logo__item" style="flex: 1;">
                                                        <a href="#" class="company-logo__link"><img src="assets/img/company-logo/company-logo-2.png" alt="" class="company-logo__img"></a>
                                                    </div>
                                                    <!-- End Single Company Logo Item -->
                                                    <!-- Start Single Company Logo Item -->
                                                    <div class="company-logo__item" style="flex: 1;">
                                                        <a href="#" class="company-logo__link"><img src="assets/img/company-logo/company-logo-3.png" alt="" class="company-logo__img"></a>
                                                    </div>
                                                    <!-- End Single Company Logo Item -->
                                                    <!-- Start Single Company Logo Item -->
                                                    <div class="company-logo__item" style="flex: 1;">
                                                        <a href="#" class="company-logo__link"><img src="assets/img/company-logo/company-logo-4.png" alt="" class="company-logo__img"></a>
                                                    </div>
                                                    <!-- End Single Company Logo Item -->
                                                    <!-- Start Single Company Logo Item -->
                                                    <div class="company-logo__item" style="flex: 1;">
                                                        <a href="#" class="company-logo__link"><img src="assets/img/company-logo/company-logo-5.png" alt="" class="company-logo__img"></a>
                                                    </div>
                                                    <!-- End Single Company Logo Item -->
                                                    <!-- Start Single Company Logo Item -->
                                                    <div class="company-logo__item" style="flex: 1;">
                                                        <a href="#" class="company-logo__link"><img src="assets/img/company-logo/company-logo-6.png" alt="" class="company-logo__img"></a>
                                                    </div>
                                                    <!-- End Single Company Logo Item -->
                                                    <!-- Start Single Company Logo Item -->
                                                    <div class="company-logo__item" style="flex: 1;">
                                                        <a href="#" class="company-logo__link"><img src="assets/img/company-logo/company-logo-7.png" alt="" class="company-logo__img"></a>
                                                    </div>
                                                    <!-- End Single Company Logo Item -->
                                                    <!-- Start Single Company Logo Item -->
                                                    <div class="company-logo__item" style="flex: 1;">
                                                        <a href="#" class="company-logo__link"><img src="assets/img/company-logo/company-logo-8.png" alt="" class="company-logo__img"></a>
                                                    </div>
                                                    <!-- End Single Company Logo Item -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<footer class="footer">
    <div class="container">
        <!-- Start Footer Top Section -->
        <div class="footer__top">
            <div class="row">
                <div class="col-lg-2 col-sm-6 col-12">
                    <!-- Start Footer Nav -->
                    <div class="footer__menu">
                        <h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">信息</h4>
                        <ul class="footer__nav">
                            <li class="footer__list"><a href="#" class="footer__link">交付信息</a></li>
                            <li class="footer__list"><a href="#" class="footer__link">交易条款</a></li>
                            <li class="footer__list">
                                <a href="#" class="footer__link">福利</a>
                            </li>
                        </ul>
                    </div>
                    <!-- End Footer Nav -->
                </div>
                <div class="col-lg-2 col-sm-6 col-12">
                    <div class="footer__menu">
                        <h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">我的账户</h4>
                        <ul class="footer__nav">
                            <li class="footer__list"><a href="#" class="footer__link">订单</a></li>
                            <li class="footer__list"><a href="#" class="footer__link">历史</a></li>
                            <li class="footer__list"><a href="#" class="footer__link">隐私</a></li>
                            <li class="footer__list"><a href="#" class="footer__link">问题</a></li>

                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="footer__about">
                        <div class="footer__logo">
                            <a href="index.html" class="footer__logo-link"><img src="assets/img/logo/logo-color-red.png" alt="" class="footer__logo-img"></a>
                        </div>
                        <ul class="footer__address">
                            <li class="footer__address-item">关于我们：王嘉聪</li>
                            <li class="footer__address-item">地址：河南省周口市</li>
                            <li class="footer__address-item">联系电话：18336552802</li>
                        </ul>
                        <ul class="footer__social-nav">
                            <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-facebook-f"></i></a></li>
                            <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-twitter"></i></a></li>
                            <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-youtube"></i></a></li>
                            <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-google-plus-g"></i></a></li>
                            <li class="footer__social-list"><a href="#" class="footer__social-link"><i class="fab fa-instagram"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-12">
                    <div class="footer__form">
                        <h4 class="footer__nav-title footer__nav-title--dash footer__nav-title--dash-red">收藏我们</h4>
                        <p>更新后会第一时间通知哦!</p>
                        <form action="#" class="footer__form-box"><input type="email" placeholder="" required><button class="btn btn--red btn--red-hover-red btn--uppercase font--bold" type="submit">收藏!</button></form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
</body>

</html>